<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录验证</title>
</head>
<body>
<div class="login">
    <h2>Access Form</h2>
    <div class="login-top">
        <h1>登录验证</h1>
        <form action="/login" method="post">
            <input type="text" name="username" placeholder="username" />
            <input type="password" name="password" placeholder="password" />
            <div style="display: flex;">
                <!-- 新增图形验证码的输入框 -->
                <input type="text" name="captcha" placeholder="captcha" />
                <!-- 图片指向图形验证码API -->
                <img src="/captcha.jpg" alt="captcha" height="50px" width="150px" style="margin-left: 20px;">
            </div>
            <div class="forgot">
                <a href="#">忘记密码</a>
                <input type="submit" value="登录" >
            </div>
        </form>
    </div>
    <div class="login-bottom">
        <h3>新用户&nbsp;<a href="#">注&nbsp;册</a></h3>
    </div>
</div>
</body>
</html>